// source --> https://luxdesignerbrands.com/wp-content/plugins/woo-photo-reviews/js/script.js?ver=1.1.3.7 
jQuery(document).ready(function ($) {
    let comments = woocommerce_photo_reviews_params.hasOwnProperty('comments_container_id') ? woocommerce_photo_reviews_params.comments_container_id : 'comments';
    $('#' + comments).prepend($('.wcpr-filter-container')).prepend($('.wcpr-overall-rating-and-rating-count')).prepend($('.woocommerce-Reviews-title').eq(0));
    $('#commentform').attr('enctype','multipart/form-data');
    let max_files = woocommerce_photo_reviews_params.max_files;
    let selected_images = 0;
    $('#commentform').on('change', '.wcpr_image_upload', function (e) {
        selected_images = $(this.files).length;
    });
    $('#commentform').find('input[type="submit"]').on('click', function (e) {
        let $container = $(this).closest('form');
        let $content = $container.find('textarea[name="comment"]');
        let $name = $container.find('input[name="author"]');
        let $email = $container.find('input[name="email"]');
        let fileUpload = $container.find('.wcpr_image_upload');
        if ($content.length > 0 && !$content.val()) {
            alert(woocommerce_photo_reviews_params.i18n_required_comment_text);
            e.preventDefault();
            $content.focus();
            return false;
        }
        if ('on' == woocommerce_photo_reviews_params.required_image && selected_images == 0) {
            alert(woocommerce_photo_reviews_params.warning_required_image);
            e.preventDefault();
            return false;
        }
        if ($name.length > 0 && !$name.val()) {
            alert(woocommerce_photo_reviews_params.i18n_required_name_text);
            e.preventDefault();
            $name.focus();
            return false;
        }
        if ($email.length > 0 && !$email.val()) {
            alert(woocommerce_photo_reviews_params.i18n_required_email_text);
            e.preventDefault();
            $email.focus();
            return false;
        }

        if (fileUpload.length > 0) {
            if (fileUpload.prop('multiple')) {
                if (selected_images > max_files) {
                    alert(woocommerce_photo_reviews_params.warning_max_files);
                    e.preventDefault();
                    return false;
                }

            } else {
                if (fileUpload.length > max_files) {
                    alert(woocommerce_photo_reviews_params.warning_max_files);
                    e.preventDefault();
                    return false;
                }
            }
        }
        if ($container.find('input[name="wcpr_gdpr_checkbox"]').prop('checked') === false) {
            alert(woocommerce_photo_reviews_params.warning_gdpr);
            e.preventDefault();
            return false;
        }
    })

});
// source --> https://luxdesignerbrands.com/wp-content/plugins/woo-photo-reviews/js/default-display-images.js?ver=1.1.3.7 
jQuery(document).ready(function () {
    let $cur, $n, parent;
    jQuery('body').on('click', '.reviews-images-item', function () {
        let currentRotate, rotateItem;
        parent = jQuery(this).parent().parent();
        currentRotate = parseInt(parent.find('.wcpr-rotate-value').val());
        if (jQuery(this).hasClass('active-image')) {
            parent.find('.big-review-images').hide();
            jQuery(this).removeClass('active-image');
        } else {
            $cur = jQuery(this).attr('data-index');
            $n = jQuery(this).parent().find('.reviews-images-item').length;
            jQuery(this).parent().find('.reviews-images-item').removeClass('active-image');
            jQuery(this).addClass('active-image');
            parent.find('.big-review-images-content').html('');
            parent.find('.big-review-images').hide();
            parent.find('.big-review-images').find('.big-review-images-content').append('<img class="big-review-images-content-img" style="float:left;display: block;border-radius: 3px;" src="' + jQuery(this).attr('data-imagesrc') + '">')
            parent.find('.big-review-images').css({'display': 'flex'});
        }
        if (currentRotate) {
            rotateItem = parent.find('.big-review-images-content-img');
            rotateItem.css({'transform': 'rotate(' + currentRotate + 'deg)'});
        }
    });

    jQuery('body').on('click', '.wcpr-next', function () {
        let currentRotate, rotateItem;
        parent = jQuery(this).parent().parent();
        currentRotate = parseInt(parent.find('.wcpr-rotate-value').val());
        $cur = parent.find('.active-image').attr('data-index');
        $n = parent.find('.reviews-images-item').length;
        parent.find('.reviews-images-item').removeClass('active-image');
        if ($cur < $n - 1) {

            $cur++;

        } else {
            $cur = 0;
        }
        parent.find('.reviews-images-item').eq($cur).addClass('active-image');
        parent.find('.big-review-images-content').html('');
        parent.find('.big-review-images').hide();
        parent.find('.big-review-images').find('.big-review-images-content').append('<img class="big-review-images-content-img" style="float:left;display: block;border-radius: 3px;" src="' + parent.find('.reviews-images-item').eq($cur).attr('data-imagesrc') + '">')
        parent.find('.big-review-images').css({'display': 'flex'});
        if (currentRotate) {
            rotateItem = parent.find('.big-review-images-content-img');
            rotateItem.css({'transform': 'rotate(' + currentRotate + 'deg)'});
        }
    });
    jQuery('body').on('click', '.wcpr-prev', function () {
        let currentRotate, rotateItem;
        parent = jQuery(this).parent().parent();
        currentRotate = parseInt(parent.find('.wcpr-rotate-value').val());
        $cur = parent.find('.active-image').attr('data-index');
        $n = parent.find('.reviews-images-item').length;
        parent.find('.reviews-images-item').removeClass('active-image');
        if ($cur > 0) {

            $cur--;

        } else {
            $cur = $n - 1;
        }
        parent.find('.reviews-images-item').eq($cur).addClass('active-image');
        parent.find('.big-review-images-content').html('');
        parent.find('.big-review-images').hide();
        parent.find('.big-review-images').find('.big-review-images-content').append('<img class="big-review-images-content-img" style="float:left;display: block;border-radius: 4px;" src="' + parent.find('.reviews-images-item').eq($cur).attr('data-imagesrc') + '">')
        parent.find('.big-review-images').css({'display': 'flex'});
        if (currentRotate) {
            rotateItem = parent.find('.big-review-images-content-img');
            rotateItem.css({'transform': 'rotate(' + currentRotate + 'deg)'});
        }
    });

    jQuery('body').on('click', '.wcpr-close', function () {
        parent = jQuery(this).parent().parent();
        jQuery(this).parent().hide();
        parent.find('.kt-wc-reviews-images-wrap-wrap').find('.active-image').removeClass('active-image');
    });
    jQuery('body').on('click', '.wcpr-rotate-left', function () {
        let currentRotate, rotateItem;
        parent = jQuery(this).parent().parent();
        currentRotate = parseInt(parent.find('.wcpr-rotate-value').val());
        rotateItem = parent.find('.big-review-images-content-img');
        currentRotate += -90;
        parent.find('.wcpr-rotate-value').val(currentRotate);
        rotateItem.css({'transform': 'rotate(' + currentRotate + 'deg)'});
    });
    jQuery('body').on('click', '.wcpr-rotate-right', function () {
        let currentRotate, rotateItem;
        parent = jQuery(this).parent().parent();
        currentRotate = parseInt(parent.find('.wcpr-rotate-value').val());
        rotateItem = parent.find('.big-review-images-content-img');
        currentRotate += 90;
        parent.find('.wcpr-rotate-value').val(currentRotate);
        rotateItem.css({'transform': 'rotate(' + currentRotate + 'deg)'});
    });
});